<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>购物</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/idangerous.swiper.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" href="${staticpath}/front/dist/css/themes.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/module.css">
    <style>
        .tabs {
            padding: 0;
        }
        .shopping-content{
            margin-bottom: 2.5rem;
        }
        .img-box{position: relative;height: 100%;}
        .product-img{width: 100%;height: 100%;position: absolute;}
        .buy-box{ background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50); background:#000;padding: 8px;width:100%;height: 62px;position: absolute;bottom:0px; }
        .buy-left{display: inline-block; width: 68%;margin-left: 3%;}
        .good-name{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 14px;color: #fff;margin-bottom: 2px;}
        .good-price{display: inline-block;color:#ff5757;}
        .good-spec{margin-left: 15px; color: #fff; font-size: 12px;}
        .public-btn{float: right;margin-right:3%;width: 22%;line-height: 1.5rem;background-color: #59d42e;color:#fff; text-align: center;border-radius: 3px;font-size: 12px;margin-top: 2%;}
    </style>
</head>
<body>
<div class="page-group">
    <div class="page">
        <div class="content shopping-content">
            <#--<div class="searchbar flex-box" data-url="${basepath}/rest/front/news/toSearchProductList?catalogListType=1">-->
                <#--<div class="left"><img src="${staticpath}/front/dist/images/arrowLeft.png" alt=""-->
                                       <#--class="arrow cell-left" onclick="back()"></div>-->
                <#--<input type="text" placeholder="输入关键字搜索宝贝" class="search main focus-element" id="search-input">-->

                <#--<div class="right" id="searchBtn">搜索</div>-->
            <#--</div>-->
            <#--<div class="shop-header">-->
                <#--<div class="row"><a href="#"><img src="" alt=""-->
                                                  <#--class="shop-pic"></a>-->

                    <#--<div class="shop-detail">-->

                        <#--<a href="#">-->
                            <#--<div class="shop-name"></div>-->
                        <#--</a>-->

                        <#--<p class="text" id="shopContent"></p>-->
                    <#--</div>-->
                <#--</div>-->
            <#--</div>-->
            <#--<div class="title-box">-->
                <#--<h3 class="text">推荐宝贝</h3>-->
            <#--</div>-->
                <div class="img-box">
                    <span class="img-span"></span>
                    <li class="buy-box"></li>
                </div>
                <#--<div class="buy-left">-->
                                                                <#--<div class="good-name">买2送1 黄金牛蒡茶 512克 新鲜...</div>-->
                                                                <#--<div class="good-price">￥300.00</div><span class="good-spec">一箱</span>-->
                                                            <#--</div>-->

        <#--暂停分类---->
        <#--<div class="buttons-tab">-->
        <#--<a href="#tab1" class="tab-link  classification button">分类</a>-->
        <#--<a href="#sales-tab" class="tab-link active sale button">销量</a>-->
        <#--<a href="#new-tab" class="tab-link  new button">新品</a>-->
        <#--<a href="#price-tab" class="tab-link money button" data-status="0">价格<span class="priceBtn"><img-->
        <#--src="${staticpath}/front/dist/images/sort.png"-->
        <#--class="sort" alt="关于点击价格的按钮"></span></a>-->
        <#--</div>-->
        <#--<div class="tabs">-->
        <#--<div id="tab1" class="tab">-->
        <#--<div class="goods-list">-->

        <#--</div>-->
        <#--</div>-->
        <#--<div id="sales-tab" class="tab active ">-->
        <#--<ul class="o-list sales-o-list">-->
        <#--</ul>-->
        <#--</div>-->
        <#--<div id="new-tab" class="tab">-->
        <#--<ul class="o-list new-o-list">-->
        <#--</ul>-->
        <#--</div>-->
        <#--<div id="price-tab" class="tab">-->
        <#--<ul class="o-list price-o-list">-->
        <#--</ul>-->
        <#--</div>-->
        <#--</div>-->
        </div>
        <!-- 工具栏 -->
        <nav class="footer-bar bar bar-tab">
            <a class="tab-item external " href="/rest/front/news/toNewsList">
                <img src="${staticpath}/front/dist/images/ico1.png" class="ico">

                <p class="tab-label">首页</p>
            </a>
            <a class="tab-item external active" href="${basepath}/rest/front/catalog/toCatalogList">
                <img src="${staticpath}/front/dist/images/ico2-active.png" class="ico ">

                <p class="tab-label ">购物</p>
            </a>
            <a class="tab-item external" href="${basepath}/rest/front/order/toSellerList">
                <img src="${staticpath}/front/dist/images/ico3.png" class="ico">

                <p class="tab-label">分销商</p>
            </a>
            <a class="tab-item external" href="${basepath}/rest/front/cart/toCartList">
                <img src="${staticpath}/front/dist/images/ico4.png" class="ico">

                <p class="tab-label">购物车</p>
            </a>
            <a class="tab-item external " href="${basepath}/rest/front/user/toMyPage">
                <img src="${staticpath}/front/dist/images/ico5.png" class="ico ">

                <p class="tab-label">我的</p>
            </a>
        </nav>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/idangerous.swiper.min.js' charset='utf-8'></script>
<script>
    $.config = {
        router: false
    }
</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/catalog/catalogSingleList.js' charset='utf-8'></script>
<script>
    $.init();
</script>
</body>

</html>